@charset "utf-8";


@import "common/common";


.web2,.web3{
    position: relative;
    width: 100%;
    height: 100%;
    background:url(../img/comment/bg.png) no-repeat center;
    background-size: cover;
//  padding: n(105px) 0px 0 9.375%;
    div{
        @include imgoverflow;
        &.ab{
            position: absolute;
        }
        &.cloud1{
           width:17.5%; 
           position: absolute;
           left: dw(34px);
           top: dh(481px);
        }
        &.cloud2{
           width:13.28% ;
           left: dw(193px);
           top: dh(417px);
           z-index: 1;
        }
        &.cloud3{
           width:9.84% ; 
           left: dw(388px);
           top: dh(460px);
        }
        &.cloud4{
           width:10% ;
           left: dw(451px);
           top: dh(488px); 
        }
        &.cloud5{
           width:12.19% ; 
           left: dw(562px);
           top: dh(442px);
        }
    }
    /*问题*/
    .title{
       width: 64.38%; 
       position: absolute;
       left:dw(74px);
       top: dh(114px);
    }
    .page_center{
        position: absolute;
        top: dh(287px);
        width: 100%;
         /*问题图片*/
        .pic{
            width: dw(212px);
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
    }
    /**问题选项部分**/
    section{
        position: absolute;
        left: dw(58px);
        top: dh(686px);
        width: 100%;
        /**问题答案选项**/
        .left{
            position: inherit;
            width: dw(367px); 
           .option{
              width: 100%;
              height: dh(126px);
              margin-bottom: dw(52px);
              vertical-align: middle;
           }
        }
        .right{
            position: absolute;
            left: dw(390px);
            top: 30px;
           .wang{
              width: 32.33%; 
              position: absolute;
              left: 30%;
              bottom: 0;
              animation: swing 2s infinite alternate;
           }
           .music{
              width: 45.26%; 
              margin-right: 4.85%;
           }
        }
        @keyframes swing{
           0%,50%,100%{
               transform: rotateY(0);
           }
           25%{
               transform: rotateY(-30deg);
           } 
           75%{
               transform: rotateY(30deg);
           } 
        }
    }//last of section
}


.web2{
    .pic{
        width: 32.97%;
    }
}
